<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>jquery simple menu : demo</title>
<link rel="stylesheet" type="text/css" href="jquery.simplemenu.css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.simplemenu.js"></script>
<script type="text/javascript">
$(function(){
	$('#horizontal-menu').simplemenu();
	$('#vertical-menu').simplemenu('vertical');
});
</script>
</head>

<body>

<h1>jQuery Simplemenu</h1>


<ul class="simple-menu" id="horizontal-menu">
	<li><a href="http://jquery-simplemenu.blogspot.com">Homepage <span style="color:red">*</span></a></li>
    <li><a href="#">About Us</a>        
        <ul>
            <li><a href="#">History</a>        
            </li>
            <li><a href="#">Portfolio</a>        
            </li>
            <li><a href="#">Customer</a>        
            </li>
        </ul>
    </li>
    <li><a href="#">Product</a>        
        <ul>
            <li><a href="#">CPU</span></a>        
                    <ul>
                        <li><a href="#">Intel</span></a>        
                        </li>
                        <li><a href="#">Amd</a>        
                        </li>
                    </ul>
            </li>
            <li><a href="#">Notebook</a>        
                    <ul>
                        <li><a href="#">Del</span></a>        
                        </li>
                        <li><a href="#">Asus</a>        
                        </li>
                    </ul>
            </li>
            <li><a href="#">MP3</a>        
            </li>
        </ul>
    </li>
</ul>

<hr style="margin:40px 0" />

<ul class="simple-menu" id="vertical-menu">
	<li><a href="http://jquery-simplemenu.blogspot.com/">Homepage <span style="color:red">*</span></a></li>
    <li><a href="#">About Us</a>        
        <ul>
            <li><a href="#">History</a>        
            </li>
            <li><a href="#">Portfolio</a>        
            </li>
            <li><a href="#">Customer</a>        
            </li>
        </ul>
    </li>
    <li><a href="#">Product</a>        
        <ul>
            <li><a href="#">CPU</span></a>        
                    <ul>
                        <li><a href="#">Intel</span></a>        
                        </li>
                        <li><a href="#">Amd</a>        
                        </li>
                    </ul>
            </li>
            <li><a href="#">Notebook</a>        
                    <ul>
                        <li><a href="#">Del</span></a>        
                        </li>
                        <li><a href="#">Asus</a>        
                        </li>
                    </ul>
            </li>
            <li><a href="#">MP3</a>        
            </li>
        </ul>
    </li>
</ul>

<hr style="margin:40px 0" />

<div align="center" style="font-size:12px;"><a href="http://jquery-simplemenu.blogspot.com" style="text-decoration:none;color:#000;font-weight:bold;">http://jquery-simplemenu.blogspot.com</a></div>

</body>
</html>
